$(function() {
	vP(); // 放器高度动态赋值
	sB(studyPercent); // 学习进度动画
	//shareShow(); // 课程分享
	//treeMenu3(); //课程树
	ocFun(); // 开关灯效果
	// 加载 笔记编辑器
	//initWangEditorNote("notesEditor", "notesContext");
	//cardChange("#p-h-r-title>li", "#p-h-r-cont>section", "current"); // 菜单选项卡
	browserRedirect(); // 右侧不同设备下显隐
	// 学过此课程的用户
	//setCourseLearnedUser(function (json) { });
});

$(window).resize(function() {
	if(isMobileBrowser()) {// 移动端环境下效果
		/*var wH = parseInt(document.documentElement.clientHeight, 10);
		 //$("#p-h-box").css("height", wH - 258);
		 $("#p-h-r-cont").css("height", wH - 363);
		 $(".p-h-video").css("height", wH - 330);*/
	}else{
		vP();
	}
});

//学过此课程的用户
function setCourseLearnedUser(courseId) {
	$.ajax({
		type: "POST",
		dataType: "json",
		url: "/ajax/course/study/users.json",
		data: {"courseId": courseId},
		success: function (result) {
			if (result.code === 0) {
				var resultList = result.data;
				if (resultList.length > 0) {
					var useImg = "";
					var userName = "";
					var resultStr = '<section class="c-infor-tabTitle c-tab-title"><a href="" title="">学过此课的人（' + result.count + '）</a></section>';
					resultStr += '<section class="buy-cin-list">';
					for (var i = 0; i < resultList.length; i++) {
						useImg = resultList[i].userAvatar;
						if (useImg == null || $.trim(useImg) === '') {
							useImg = '/static/qdxwx/img/avatar-boy.gif';
						}
						userName = resultList[i].userName;
						resultStr = resultStr + '<span title="' + userName + '"><img alt="" src="' + useImg + '"><tt class="c-999">' + userName + '</tt></span>';
					}
					resultStr += '</section>';
					$("#courseLearnedUserDiv").parent().html(resultStr);
				}
			}
		}
	});
}

// 学习进度动画
var sB = function(num) { // num : 进度百分比数值
	var ik = 0, timer = null, lnb = $(".lev-num-bar"), lnm = $(".lev-num");
	lnb.css("width", 0);
	lnb.parent().attr("title", "已学习：" + num + "%");
	if (num > 0) {
		timer = setInterval(function() {
			if (ik < num) {
				lnb.css("width", ++ik + "%");
				lnm.children("big").text("已学习：" + ik + "%");
			} else {
				clearInterval(timer);
			}
		}, 30);
	}
};
// 播放器高度动态赋值
var vP = function() {
	var wH = parseInt(document.documentElement.clientHeight, 10);
	//$("#p-h-box").css("height", wH - 108);
	$(".n-p-v-b-rt-in").css("height", wH - 100);
	$(".p-h-r-list .lh-menu").css("height", wH - 160);
	$(".playBox").css("height", wH - 100);
	//讨论动态高度赋值
	$("#p-h-r-cont .p-center-discuss,#p-h-r-cont .talkhtml").height($("#p-h-r-cont").height()-110);
};
// 右侧菜单区域显示与隐藏
var rmFun = function() {
	$("#o-c-btn a").click(function() {
		var _this = $(this);
		if (!_this.hasClass("close")) {
			$(".n-p-v-b-rt").animate({"right" : "-380px"}, 400);
			$(".n-p-vb-in").animate({"padding-right" : "0"}, 400);
			_this.parent(".video-open-btn").animate({right:"-15px"},400);
			_this.addClass("close").attr("title", "收起");
		} else {
			$(".n-p-v-b-rt").animate({"right" : "0"}, 500);
			$(".n-p-vb-in").animate({"padding-right" : "380px"}, 400);
			_this.parent(".video-open-btn").animate({right:"365px"},400);
			_this.removeClass("close").attr("title", "展开");
		}
	})
};
// 开关灯效果
var ocFun = function() {
	var bMask = $('<div class="bMask"></div>');
	bMask.css({
		"opacity" : "0.8"
	});
	$(".dpBtn").click(function() {
		var _this = $(this);
		if (!_this.hasClass("dpOpen")) {
			$("body").prepend(bMask);
			_this.addClass("dpOpen");
			_this.children("a").text("开灯").attr("title", "开灯");
		} else {
			bMask.remove();
			_this.removeClass("dpOpen");
			_this.children("a").text("关灯").attr("title", "关灯");
		}
	})
};
// 移动端显示
function browserRedirect() {
	if(isMobileBrowser()){   // 移动端环境下效果
		$(".p-h-box").css("padding-right", "320");
		$(".p-h-r-ele").css("width", "320").animate({
			"right" : "-320px"
		}, 500);
		$("#p-h-box").animate({
			"padding-right" : "0",
			"margin-right" : "-15px"
		}, 500);
		$("#o-c-btn").animate({
			"left" : "-15px"
		}, 500).addClass("open-o-c");
		$("#o-c-btn").children("a").attr("title", "显示");
		var wH = parseInt(document.documentElement.clientHeight, 10);
		//$("#p-h-box").css("height", wH - 258);
		$("#p-h-r-cont").css("height", wH - 363);
		$(".p-h-video").css("height", wH - 330);

		$("#o-c-btn").click(function() {
			var _this = $(this);
			if (!_this.hasClass("open-o-c")) {
				$(".p-h-r-ele").animate({
					"right" : "-320px"
				}, 500);
				$("#p-h-box").animate({
					"padding-right" : "0",
					"margin-right" : "-15px"
				}, 500);
				_this.animate({
					"left" : "-15px"
				}, 500).addClass("open-o-c");
				_this.children("a").attr("title", "显示");
			} else {
				$(".p-h-r-ele").animate({
					"right" : "-15px"
				}, 500);
				$("#p-h-box").animate({
					"padding-right" : "0",
					"margin-right" : "-15px"
				}, 500);
				_this.css("left", "0").removeClass("open-o-c");
				_this.children("a").attr("title", "展开");
			}
		})


	}else { // 非移动端环境下效果
		rmFun();
	}
}
//添加笔记
 function addNotest() {
	 var notesContext = $("#notesContext").val();
	 if (notesContext === "" || notesContext == null) {
		 $("#notContextId").html("您还没有输入笔记").show();
		 //dialog('提示', '请输入内容', 1);
		 return false;
	 } else {
		 if (notesContext.length > 5000) {
			 //dialog('提示', '内容过长', 1);
			 $("#notContextId").html("笔记内容过长").show();
			 return false;
		 }
		 $.ajax({
			 url: "/ajax/course/note/add.json",
			 type: 'post',
			 dataType: 'json',
			 data: {
				 'nodeId': playNodeId,
				 'content': notesContext
			 },
			 success: function (result) {
				 if (result.code === 0) {
					 $("#notContextId").html("笔记保存成功").show();
				 } else {
					 $("#notContextId").html("笔记保存失败，请刷新重试").show();
				 }
			 }
		 });
	 }
 }
/*
 * 查询笔记
 */
function queryNote(obj) {
	$(obj).removeClass("current").siblings().removeClass("current");
	$(obj).addClass("current");
	$.ajax({
		url: "/ajax/course/note/query.json",
		type: "post",
		dataType: "json",
		data: {
			'nodeId': currentNodeId,
			"courseId": courseId
		},
		success: function (result) {
			$(".note_html").html(result.msg);
		}
	});
}

function clickNote(obj) {
	$(".note_html").html("");
	$(".course_mulu").click();
	$(obj).removeClass("current").siblings().removeClass("current");
	$(obj).addClass("current");
	$(".commentHtml").show().next(".courseNodeHtml").hide();
	$.ajax({
		url: "/ajax/course/note/query.json",
		type: "post",
		dataType: "json",
		data: {
			'nodeId': currentNodeId,
			"courseId": courseId
		},
		success: function (result) {
			$(".commentHtml").html(result.msg);
		}
	});
}